<%-- 
    Document   : index
    Created on : 25-sep-2011, 10:52:26
    Author     : laboratorioms
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Pagina Principal</title>
        


        <style type="text/css">

 body {
margin-top: 30px;
}

#wrapper{
   
    width: 700px;
    height: 600px;
    background-color: white;
    margin-left:50px;
    margin-right: auto;

}
#header{

    width: 700px;
    height: 150px;
    background:url(Images/1.png) no-repeat;
    margin-left:auto;
    margin-right: auto;

}
#body{

    width: 700px;
    height: 400px;
    background-color: red;
    margin-left:auto;
    margin-right: auto;

}
#B_header{
  
    width: 700px;
    height: 50px;
    background-color: black;
    margin-left:auto;
    margin-right: auto;
}
#B_body{

    width: 700px;
    height: 300px;
    background-color: black;
    margin-left:auto;
    margin-right: auto;
}
#B_footer{
  
    width: 700px;
    height: 50px; 
    background-color:black;
    margin-left:auto;
    margin-right: auto;
}


#footer{

    width: 700px;
    height: 60px;
    background-color:white;
    margin-left:auto;
    margin-right: auto;

}

        </style>

    </head>
    <body  background="Images/bg.jpg" >
        <div id ="wrapper">
            <div id="header">
                <br>
               
            </div>
            <div id="body">
                <div id="B_header">
                    <center><br>
                        <h2><font color="white">Intrucciones de Juego</font>></h2>
                </center> 
                </div>
                <div id="B_body">
                    <br>
                    <p align="center"> <font color="white"> Es mu facil jugar solo debes dar click sobre el cuadro que quiera y luego elejir otro cuadro, si las imagenes coinciden
                        habras ganado un punto, sino las imagenes se volveran a esconder.</font></p>
                        <br>
                        <h1 align="center"><font color="white">Buena Suerte</font></h1>
                </div>
             
                <div id="B_footer">
                    <form action="Logica">
                     <center>  <input type="submit" name="jugar" value="jugar" onClick=""> </center>
                     <center>  <input type="hidden" name="reset" value="jugar" onClick=""> </center>
                   
</form>
                </div>
               
              
            </div>
            <div id ="footer">
                <p align="center" id="copyright">© 2008. All Rights Reserved. <br/>  <a>Website Created</a><a> by David Life Corp.</a> </p>
            </div>
 
        </div>
    </body> 
</html>
